//生产配置
const path = require("path")
const MiniCssExtractPlugin = require("mini-css-extract-plugin")

module.exports = {
    mode: "production", //指定模式 ，开发模式development /生产模式production  
    devtool: "source-map",
    //在生产打包时，需要把css抽离出来，此时我们需要用到一个插件MiniCssExtractPlugin
    plugins: [
        new MiniCssExtractPlugin({
            //把打包后的样式放到css文件夹，并且加上hash值，解决缓存问题
            filename: 'css/[name].[contenthash:8].css'

        })
    ],
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [MiniCssExtractPlugin.loader, "css-loader"]
            }
        ]
    }
}